.ListPagesBox {
	width: 100%;
	height: calc(100vh - 170px);
	overflow: hidden;
	display: flex;
	align-items: flex-start;
	justify-content: center;

	.ant-form-item-label {
		flex: 0 0 120px !important;
	}

	& > .ListPagesBoxNav {
		width: 320px;
		margin-right: 16px;
		height: 100%;
		padding: 16px;
		background: rgba(247, 247, 247, 0.5);
		backdrop-filter: blur(10px);
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		overflow: hidden;

		& > .title {
			position: relative;
			width: 100%;
			height: 20px;
			line-height: 20px;
			font-size: 20px;
			font-family: ShuHeiTi;
			font-weight: bold;
			color: #262626;
			text-indent: 8px;
			margin-bottom: 16px;

			&::after {
				position: absolute;
				content: "";
				left: 0;
				top: 0;
				width: 4px;
				height: 100%;
				background: var(--after);
			}
		}

		& > .list {
			flex: 1;
			width: 100%;
			overflow: hidden;
			background: white;
			padding: 16px;
			border-radius: 8px;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			& > .options {
				display: flex;
				align-items: center;
				justify-content: center;
				margin-bottom: 16px;
			}

			& > .tree {
				width: 100%;
				flex: 1;
				overflow-y: scroll;

				&::-webkit-scrollbar {
					display: none;
				}
			}
		}
	}

	.ant-pro-table {
		flex: 1;
		overflow: hidden;
	}

	.ant-pro-table-list-toolbar-title {
		font-size: 20px;
		font-family: ShuHeiTi;
		font-weight: bold;
		color: #262626;
	}
}
